<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="theme-color" content="#FFFFFF" />
        <title>智慧溧水</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="../../ui/common/css/mui.min.css?v2.0.16" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="../../ui/common/css/common.css?v2.0.16" />
        <link rel="stylesheet" type="text/css" href="../../ui/service/css/lost.css?v2.0.16">
        <link rel="stylesheet" type="text/css" href="../../ui/common/font-awesome/css/font-awesome.min.css?v2.0.16">
    </head>

    <body>
        <header id="header" class="page-header mui-bar mui-bar-nav hp-bar">
            <a id="pwdBack" class="mui-action-back mui-pull-left mui-icon mui-icon-arrowleft">返回</a>
            <h1 id="bulidTitle" class="mui-title">招车列表</h1>
            <em class="fa fa-envelope-o mail-inbox open-url" data-url="../user/message.html"><em class="fa fa-circle mail-new"></em></em>
        </header>
        <div class="mui-content">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">                        
                        <div class="mui-media-body">
                            <p class='mui-ell-number1'>05-03 11:30<em class="mui-icon mui-icon-arrowthinright"></em><a class='mui-ell-number'>05-03 11:30</a><a class='mui-ell-end mui-pull-right'>已完成</a></p>                           
                            <p class='mui-ell'><em class="circular1"></em> 南京南站</p> 
                            <p class='mui-ell'><em class="circular2"></em> 南京机场</p>
                            <p class='mui-ell'>3人</p>                                                      
                            <button type="button" class="mui-btn mui-btn-primary mui-pull-right">取消申请</button>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">                        
                        <div class="mui-media-body">
                            <p class='mui-ell-number1'>05-03 22:30<em class="mui-icon mui-icon-arrowthinright"></em><a class='mui-ell-number'></a><a class='mui-ell-ing mui-pull-right'>未完成</a></p>                           
                            <p class='mui-ell'><em class="circular1"></em> 南京南站</p> 
                            <p class='mui-ell'><em class="circular2"></em> 南京机场</p>
                            <p class='mui-ell'>3人</p>                                                      
                            <button type="button" class="mui-btn mui-btn-primary mui-pull-right">取消申请</button>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">                        
                        <div class="mui-media-body">订单编号
                            <p class='mui-ell'>起点位置</p>
                            <p class='mui-ell'>终点位置</p>
                            <p class='mui-ell'>人数</p>
                            <p class='mui-ell'>出行时间</p>
                            <p class='mui-ell'>提交时间</p>
                            <p class='mui-ell'>完成时间</p>
                            <p class='mui-ell'>状态</p>
                        </div>
                    </a>
                </li>
                
            </ul>
        </div>
    </body>

</html>